<link rel="stylesheet" href="../dist/css/invest.min.css">

<!-- banner -->
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
        <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    </ol>
    <div class="carousel-inner">
        <div class="carousel-item active">
            <img src="./dist/imgs/banner01.jpg" class="d-block w-100" alt="...">
        </div>
        <div class="carousel-item">
            <img src="./dist/imgs/banner02.jpg" class="d-block w-100" alt="...">
        </div>
    </div>
    <a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>

<!-- invest -->
<div class="container">
    <div class="invest">
        <div class="row">
            <div class="col d-flex flex-row invest_title border-bottom">
                <h2>We+自动服务</h2>
                <span>第三方担保机构向保险公司投保</span>
            </div>
        </div>
        <div class="row">
            <div class="col-8 invest_left">
                <p>选择服务期限：</p>
                <div class="month">
                    <button type="button" class="btn btn-outline-primary">36个月</button>
                    <button type="button" class="btn btn-outline-secondary">24个月</button>
                    <button type="button" class="btn btn-outline-success">18个月</button>
                    <button type="button" class="btn btn-outline-danger">12个月</button>
                    <button type="button" class="btn btn-outline-warning">6个月</button>
                </div>
                <ul class="details">
                    <li class="on">
                        <div class="row">
                            <h3>We+自动服务36</h3>
                            <span class="cash">返现1%</span>
                            <span class="add">抢购加息3.5%</span>
                        </div>
                        <div class="row">
                            <div class="col">
                                <h4>11.5 <span>+3.5%</span></h4>
                                <p>参考年回报率</p>
                            </div>
                            <div class="col">
                                <h5>36个月 </h5>
                                <p>服务期限</p>
                            </div>
                            <div class="col">
                                <h5>100元 </h5>
                                <p>最低出借金额</p>
                            </div>
                            <div class="col">
                                <button type="button">查看详情</button>
                                <p>结束服务时结算收益</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <h3>We+自动服务24</h3>
                            <span class="cash">返现1%</span>
                            <span class="add">抢购加息3.5%</span>
                        </div>
                        <div class="row">
                            <div class="col">
                                <h4>11<span>+3.5%</span></h4>
                                <p>参考年回报率</p>
                            </div>
                            <div class="col">
                                <h5>24个月 </h5>
                                <p>服务期限</p>
                            </div>
                            <div class="col">
                                <h5>100元 </h5>
                                <p>最低出借金额</p>
                            </div>
                            <div class="col">
                                <button type="button">查看详情</button>
                                <p>结束服务时结算收益</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <h3>We+自动服务18</h3>
                            <span class="cash">普惠加息0.5%</span>
                        </div>
                        <div class="row">
                            <div class="col">
                                <h4>10.6<span>+0.5%</span></h4>
                                <p>参考年回报率</p>
                            </div>
                            <div class="col">
                                <h5>18个月 </h5>
                                <p>服务期限</p>
                            </div>
                            <div class="col">
                                <h5>100元 </h5>
                                <p>最低出借金额</p>
                            </div>
                            <div class="col">
                                <button type="button">查看详情</button>
                                <p>结束服务时结算收益</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <h3>We+自动服务12</h3>
                            <span class="cash">普惠加息1%</span>
                        </div>
                        <div class="row">
                            <div class="col">
                                <h4>10.4<span>+1%</span></h4>
                                <p>参考年回报率</p>
                            </div>
                            <div class="col">
                                <h5>12个月 </h5>
                                <p>服务期限</p>
                            </div>
                            <div class="col">
                                <h5>100元 </h5>
                                <p>最低出借金额</p>
                            </div>
                            <div class="col">
                                <button type="button">查看详情</button>
                                <p>结束服务时结算收益</p>
                            </div>
                        </div>
                    </li>
                    <li>
                        <div class="row">
                            <h3>We+自动服务6</h3>
                            <span class="cash">普惠加息0.5%</span>
                        </div>
                        <div class="row">
                            <div class="col">
                                <h4>9<span>+0.5%</span></h4>
                                <p>参考年回报率</p>
                            </div>
                            <div class="col">
                                <h5>6个月 </h5>
                                <p>服务期限</p>
                            </div>
                            <div class="col">
                                <h5>100元 </h5>
                                <p>最低出借金额</p>
                            </div>
                            <div class="col">
                                <button type="button">查看详情</button>
                                <p>结束服务时结算收益</p>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="col-4 invest_right">
                <ul class="intro">
                    <li>We+自动服务是团贷网平台为了方便出借人提高资金出借效率，经出借人授权，协助出借人进行分散投标、回款再投标的投标工具。</li>
                    <li>
                        出借人使用We+自动服务协助出借时，将授权团贷网协助出借人选择如下类型的借款标的进行投标及回款再投标：
                        <ul class="invest_type">
                            <li><span class="iconfont icon-tick"></span>借款期限48个月以内</li>
                            <li><span class="iconfont icon-tick"></span>标的信息详细披露</li>
                            <li><span class="iconfont icon-tick"></span>借款标的真实可靠</li>
                            <li><span class="iconfont icon-tick"></span>第三方担保机构担保</li>
                            <li><span class="iconfont icon-tick"></span>第三方担保机构向人保财险投保</li>
                        </ul>
                    </li>
                    <li>结束服务完成时效以实际债权转让完成用时为准。</li>
                </ul>
            </div>
        </div>
    </div>
</div>

<script src="../03-js/invest.js"></script>